<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width" name="viewport">
    <title>易比木</title>

    <link type="text/css" href="/home/css/style.css" rel="stylesheet"/>
    @yield('style')
    <script type="text/javascript" src="/home/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/home/js/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="/home/js/jquery.touchSlider.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $(".main_visual").hover(function(){
                $("#btn_prev,#btn_next").fadeIn()
            },function(){
                $("#btn_prev,#btn_next").fadeOut()
            });

            $dragBln = false;

            $(".main_image").touchSlider({
                flexible : true,
                speed : 200,
                btn_prev : $("#btn_prev"),
                btn_next : $("#btn_next"),
                paging : $(".flicking_con a"),
                counter : function (e){
                    $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
                }
            });

            $(".main_image").bind("mousedown", function() {
                $dragBln = false;
            });

            $(".main_image").bind("dragstart", function() {
                $dragBln = true;
            });

            $(".main_image a").click(function(){
                if($dragBln) {
                    return false;
                }
            });

            timer = setInterval(function(){
                $("#btn_next").click();
            }, 5000);

            $(".main_visual").hover(function(){
                clearInterval(timer);
            },function(){
                timer = setInterval(function(){
                    $("#btn_next").click();
                },5000);
            });

            $(".main_image").bind("touchstart",function(){
                clearInterval(timer);
            }).bind("touchend", function(){
                timer = setInterval(function(){
                    $("#btn_next").click();
                }, 5000);
            });

        });
    </script>
</head>
<body>


<!--菜单-->
<div class="menutop">
    <div class="menutoptext">

        <div class="lefts">
            <a href="login.html">登录</a>
            <a href="registered.html">注册</a>
            <img src="/home/images/menu.png">
        </div>

        <div class="rights">
            <img src="/home/images/user.png">
            <span>范冰冰</span>
        </div>
    </div>


</div>

<div class="muenu">
    <img src="/home/images/logo.png">
    <div class="menubox">
        <input type="" name="" placeholder="请输入栏目">
        <span>搜索</span>
    </div>
</div>

<div class="muenus">

    <div class="menuboxs">
        <a class="menuback" href="/">首页</a>
        <a href="/news/introduction">古桥简介</a>
        <a href="/bridges">地图总览</a>
        <a href="caodailishi.html">朝代历史</a>
        <a href="guqiaowenhua.html">古桥文化</a>
        <a href="guqiaobaohu.html">古桥保护</a>
        <a href="/news">相关新闻</a>
        <a href="guanli.html">管理</a>
    </div>
</div>
<!--菜单结束-->

<!-- banner -->
@yield('banner')

<!-- 正文 -->
@yield('content')

<!-- 页脚 -->
@yield('footer')


<script type="text/javascript">

    $(".menutop .menutoptext .lefts img").click(function(){
        $(".muenus").show();
    })

</script>
@yield('script')
</body>
</html>